
import { ScaleS, ScaleT, WIDTH } from 'src/utils/ScreenUtil'
import {
  StyleSheet
} from 'react-native'
import { ONE_PIXEL } from '@/utils/ScreenUtil'
const button = {
  width: ScaleS(297),
  height: ScaleS(39),
  borderRadius: ScaleS(10),
  justifyContent: 'center',
  alignItems: 'center'
}
const updateStateModalBtnStyle = {
  width: ScaleS(142),
  height: ScaleS(45),
  borderRadius: ScaleS(10),
  justifyContent: 'center',
  alignItems: 'center'
}
export const modal = StyleSheet.create({
  view: {
    borderTopLeftRadius: ScaleS(10),
    borderTopRightRadius: ScaleS(10),
    width: WIDTH,
    backgroundColor: '#fff',
    alignItems: 'center'
  },
  textOne: {
    marginTop: ScaleS(27),
    fontSize: ScaleT(24),
    color: '#444444'
  },
  textTow: {
    marginTop: ScaleS(46),
    marginBottom: ScaleS(51),
    fontSize: ScaleT(18),
    color: '#444444'
  },
  buttonOne: {
    backgroundColor: '#D8D8D8',
    marginBottom: ScaleS(12),
    ...button
  },
  buttonTow: {
    backgroundColor: '#000',
    marginBottom: ScaleS(28),
    ...button
  },
  buttonOneText: {},
  buttonTowText: {
    color: '#fff'
  }
})
export const empty = StyleSheet.create({
  view: {
    justifyContent: 'center',
    alignSelf: 'center',
    marginTop: ScaleS(67)
  },
  viewImg: {
    width: ScaleS(132),
    height: ScaleS(132)
  },
  viewTextone: {
    textAlign: 'center',
    color: '#A6A6A6FF',
    marginTop: ScaleS(12),
    marginBottom: ScaleS(18)
  },
  viewTextTow: {
    textAlign: 'center',
    fontSize: ScaleT(13),
    color: '#282828FF'
  }
})
export const styles = StyleSheet.create({
  administratorsBody: {
    height: '100%',
    marginTop: ScaleS(15),
    paddingHorizontal: ScaleS(20)
  },
  memberItem: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'flex-start',
    width: '100%',
    height: ScaleS(80),
    backgroundColor: '#F7F7F7',
    borderRadius: ScaleS(10),
    marginTop: ScaleS(10),
    padding: ScaleS(20)
  },
  memberItemImg: {
    width: ScaleS(40),
    height: ScaleS(40),
    borderRadius: ScaleS(20),
    resizeMode: 'cover'
  },
  memberItemViewTow: {
    marginRight: ScaleS(18),
    marginLeft: ScaleS(16),
    flex: 1
  },
  itemNameView: {
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  itemNameText: {
    color: 'rgba(68,68,68,1)',
    fontWeight: '500'
  },
  mobilePhone: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'flex-end'
  },
  mobilePhoneView: {
    flexDirection: 'row',
    alignItems: 'center',
    marginTop: ScaleS(8)
  },
  mobilePhoneViewName: {
    color: '#666666FF',
    fontSize: ScaleT(13)
  },
  mobile: {
    color: '#666666FF'
  },
  mobilePhoneViewText: {
    width: ONE_PIXEL,
    height: ScaleS(12),
    backgroundColor: '#999999FF',
    marginLeft: ScaleS(10),
    marginRight: ScaleS(10)
  },
  onClick: {
    width: ScaleS(62),
    height: ScaleS(28),
    borderRadius: ScaleS(14),
    borderStyle: 'solid',
    borderWidth: ONE_PIXEL,
    justifyContent: 'center',
    alignItems: 'center'
  },
  AuditButton: {
    width: '100%',
    // height: ScaleS(25),
    // paddingVertical: ScaleS(20),
    justifyContent: 'center',
    alignItems: 'center'
  },
  AuditButtonText: {
    fontSize: ScaleT(16),
    color: '#000000'
  },
  dotContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    height: '100%'
  },
  dotItem: {
    marginRight: ScaleS(4),
    width: ScaleS(4),
    height: ScaleS(4),
    borderRadius: ScaleS(2),
    backgroundColor: '#666666'
  },
  line: {
    width: '100%',
    height: ONE_PIXEL,
    backgroundColor: '#979797',
    marginVertical: ScaleS(20)
  },
  modalContainer: {
    padding: ScaleS(20)
  },
  administratorsView: {
    borderRadius: ScaleS(13),
    width: ScaleS(65),
    height: ScaleS(25),
    justifyContent: 'center',
    alignItems: 'center'
  },
  administratorsText: {
    color: '#fff',
    fontSize: ScaleT(12)
  },
  updateStateModalView: {
    justifyContent: 'center',
    paddingRight: ScaleS(26),
    paddingLeft: ScaleS(26),
    backgroundColor: '#fff',
    alignItems: 'center',
    borderRadius: ScaleS(12),
    margin: ScaleS(5)
  },
  updateStateModalTitle: {
    marginTop: ScaleS(27),
    fontSize: ScaleT(24),
    color: '#444444'
  },
  updateStateModalText: {
    marginTop: ScaleS(52),
    fontSize: ScaleT(18),
    marginBottom: ScaleS(55)
  },
  updateStateModalNoBtn: {
    ...updateStateModalBtnStyle,
    backgroundColor: '#D8D8D8',
    marginBottom: ScaleS(12)
  },
  updateStateModalYesBtn: {
    ...updateStateModalBtnStyle,
    backgroundColor: '#000',
    marginBottom: ScaleS(26)
  },
  updateStateModalNoBtnText: {
    color: '#999999'
  },
  updateStateModalYesBtnText: {
    color: '#fff'
  },
  buttonView: {
    width: '100%',
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  svipImg: {
    width: ScaleS(32),
    height: ScaleS(25),
    marginRight: ScaleS(4)
  }
})
